<!DOCTYPE html>
<html lang="en">

<head>
  <link rel="stylesheet" type="text/css" media="screen"
    href="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.3.1/jquery.rateyo.min.css" />

  <meta name="viewport"
    content="user-scalable=no, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
  <title>jQuery formBuilder/formRender Demo</title>
</head>

<body>
  <header class="demo-header">
    <div>
      <label for="toggleBootstrap">Toggle Bootstrap <input type="checkbox" id="toggleBootstrap" /></label>
      <label for="toggleEnhancedBootstrapEnabled">Toggle Grid <input type="checkbox"
          id="toggleEnhancedBootstrapEnabled" /></label>
    </div>
    <div>
      dataType:
      <label>XML <input type="radio" name="demo-dataType" value="xml" class="demo-dataType" /></label><label>JSON <input
          type="radio" name="demo-dataType" value="json" class="demo-dataType" /></label>
    </div>
    <div>
      Language:
      <select id="setLanguage">
        <% _.forEach(htmlWebpackPlugin.options.langFiles, function(langFile) { %>
          <option value="<%- langFile.locale %>"><%- langFile.nativeName %></option>
          <% }); %>
      </select>
    </div>
  </header>
  <div class="content">
    <h1 class="formbuilder-title">
      jQuery formBuilder -
      <button class="editForm">Render</button>
    </h1>
    <h1 class="formrender-title">
      jQuery formRender -
      <button class="editForm">Edit</button>
    </h1>
    <div class="build-wrap"></div>
    <form class="render-wrap"></form>
    <div class="action-buttons formbuilder-actions">
      <h2>Actions</h2>
      <table id="action-api" class="api-table"></table>
    </div>
    <div class="action-buttons formrender-actions">
      <h2>Actions</h2>
      <table id="demo-api" class="api-table"></table>
    </div>
  </div>
  <div id="formbuilder-options"></div>
  <script src="assets/js/vendor.js"></script>

  <script src="<%= htmlWebpackPlugin.options.formBuilder %>"></script>
  <script src="<%= htmlWebpackPlugin.options.formRender %>"></script>
  <script src="<%= htmlWebpackPlugin.options.demo %>"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.3.1/jquery.rateyo.min.js"></script>
</body>

</html>
